<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="CSS/public.css">
    <link rel="stylesheet" href="CSS/System.css">
    <link rel="stylesheet" href="CSS/heop2.css">
    <link rel="stylesheet" href="CSS/organization.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

<body>


    <div class="main">
        <div class="main_p">
            <p> <span>渔业资源管理系统</span> <i>/</i> <span>系统管理</span> <i>/</i> <span>组织管理</span> </p>
        </div>

        <div class="manage_box">

            <!-- 里面2层 -->
            <div class="heop2-box">
                <div class="card">
                    <div class="card-text">组织机构</div>
                    <div class="card-content">
                        <input class="filter" type="text" placeholder="输入关键字进行过滤">
                        <div class="into"> <span class="sjx"></span> <span>南海区</span> </div>
                    </div>

                </div>
                <div class="rw-content">
                    <div class="modal-body">
                       
                        <div class="containe  " >
                          
                            <form class="form-horizontal divform" style=" box-shadow: 0px 0px 5px #898989; padding-top: 10px; " role="form" >
                             
                                <div class="form-group  row " style="margin-top:5px ;">
                                    <label for="firstname" class="col-sm-0  control-label   ">机构名称</label>
                                    <div class="col-sm-11 ">
                                        <input type="text" class="form-control" id="firstname" disabled>
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0 control-label">机构简介</label>
                                    <div class="col-sm-11">
                                        <input type="text" class="form-control" id="firstname" disabled>
                                    </div>
                                </div>
                                <div class="form-group  row">
                                    <label for="lastname" class="col-sm-0 control-label">上级机构</label>
                                    <div class="col-sm-2">
                                        <input type="text" class="form-control" id="lastname" disabled placeholder="请选择">
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0 control-label">机构编号</label>
                                    <div class="col-sm-11">
                                        <input type="text" class="form-control" id="firstname" disabled placeholder="请输入机构编码">
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0 control-label">联系人</label>
                                    <div class="col-sm-11">
                                        <input type="text" class="form-control" id="firstname" disabled>
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0 control-label">联系电话</label>
                                    <div class="col-sm-11">
                                        <input type="text" class="form-control" id="firstname" disabled>
                                    </div>
                                </div>
                                <div class="form-group  row">
                                    <label for="lastname" class="col-sm-0 control-label">所在地址</label>
                                    <div class="col-sm-2">
                                        <input type="text" class="form-control" id="lastname" disabled placeholder="请选择">
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0 control-label">详情地址</label>
                                    <div class="col-sm-11">
                                        <input type="text" class="form-control" id="firstname" disabled placeholder="详情地址">
                                    </div>
                                </div>
                            
                        
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0  control-label   ">备注</label>
                                    <div class="col-sm-10 ">
                                        <textarea name="" id="" cols="100" rows="2" disabled></textarea>
                                    </div>
                                </div>
                               
                              

                             
                            </form>
                        </div>
                    </div>
                  
                </div>
            </div>
        </div>
    </div>
    <!-- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
        打开模态框
    </button> -->
    <div class="container">
        <!-- 按钮：用于打开模态框 -->
        <!-- 模态框 -->
        <div class="modal fade " id="myModal">

            <div class="modal-dialog modal-lg ">
                <div class="modal-content  ">

                    <!-- 模态框头部 -->
                    <div class="modal-header">
                        <h4 class="modal-title">新建用户</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <!-- 模态框主体 -->
                    <div class="modal-body">
                        <div class="containe  " style="padding-left: 20px;">
                            <form class="form-horizontal " role="form">
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0  control-label   ">名字</label>
                                    <div class="col-sm-5 ">
                                        <input type="text" class="form-control" id="firstname" placeholder="请输入名字">
                                    </div>
                                    <label for="firstname" class="col-sm-0 control-label">账号</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="firstname" placeholder="请输入账号">
                                    </div>
                                </div>
                                <div class="form-group  row">
                                    <label for="lastname" class="col-sm-0 control-label">密码</label>
                                    <div class="col-sm-5">
                                        <input type="password" class="form-control" id="lastname" placeholder="请输密码">
                                    </div>
                                    <label for="lastname" class="col-sm-0 control-label">重复密码</label>
                                    <div class="col-sm-5">
                                        <input type="password" class="form-control" id="lastname" placeholder="请重复输入密码">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-10">
                                        <div class="cradio row">
                                            <label>
                                                <input type="radio" name="radio">组织机构
                                                <select name="" id="">
                                                    <optgroup label="南海区"></optgroup>
                                                </select>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-10">
                                        <div class="cradio row">
                                            <label>
                                                <input type="radio" name="radio">选择镇街
                                                <select name="" id="">
                                                    <option value="测试街道"></option>
                                                </select>
                                                选择村居
                                                <select name="" id="">
                                                    <option value="测试街道"></option>
                                                </select>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0  control-label   ">手机号</label>
                                    <div class="col-sm-10 ">
                                        <input type="text" class="form-control" id="firstname" placeholder="请输入手机号">
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0  control-label  ">身份证</label>
                                    <div class="col-sm-10 ">
                                        <input type="text" class="form-control" id="firstname" placeholder="请输入身份证">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-10">
                                        <div class="cradio row">
                                            <label>
                                                <input type="radio" name="radio">身份等级
                                                <select name="" id="">
                                                    <option value="区管理"></option>
                                                </select>
                                                角色
                                                <select name="" id="">
                                                    <option value="测试街道"></option>
                                                </select>
                                            </label>
                                        </div>
                                    </div>
                                </div>


                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-10">
                                        <button type="submit" class="btn btn-default "
                                            style="background-color: blue; width: 70px; ">保存</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <!-- 拟态框 -->


    </div>

</body>

</html>